iT邦幫忙

2026 iThome 鐵人賽

DAY 6
1
自我挑戰組

用 AI + draw.io MCP 建立可重複使用的流程圖工作流系列 第 6

# Day 6|draw.io MCP 能做什麼?讓產圖與編輯接在一起

  • 分享至 

  • xImage
  •  

前面提到,直接請 AI 產生 draw.io 圖檔時,通常還要下載檔案,再開啟 draw.io 匯入及檢查。draw.io MCP Tool Server 則把這幾個步驟接了起來,讓 AI 產生圖表內容後,直接呼叫工具並在瀏覽器中開啟 draw.io 編輯器。

AI 產圖後,直接進入 draw.io

draw.io MCP 並不是代替 AI 判斷流程該怎麼畫。圖中的節點、連線及樣式仍由 AI 產生,MCP server 負責接收這些內容,轉換成 draw.io 可以開啟的網址,再將網址回傳給 AI。使用者開啟網址後,就能在熟悉的 draw.io 畫面中查看及編輯。

整個過程可以簡化成:

描述需求 → AI 產生圖表內容 → 呼叫 draw.io MCP → 開啟 draw.io 編輯器

這樣便不需要自行建立圖檔、下載及匯入,產圖與檢視也能留在同一次對話中完成。

draw.io MCP 提供哪些工具

MCP Tool Server 支援 draw.io XML、CSV 與 Mermaid 三種格式。XML 可以完整描述節點、連線及樣式;CSV 適合將表格資料轉成組織圖等圖表;既有的 Mermaid 語法也能轉成可在 draw.io 編輯的圖。

它也提供圖形搜尋工具,可以從 draw.io 圖形庫中尋找雲端服務、網路設備、BPMN 等圖示。處理本機的多頁 draw.io 檔案時,還能讀取頁面清單、取得指定頁面,或只替換其中一頁,其他頁面不受影響。

這個系列會以 draw.io XML 為主,透過 MCP Tool Server 開啟瀏覽器版 draw.io。MCP 解決的是圖表內容如何送進編輯器,至於流程是否正確、版面是否清楚,以及修改時能否保留其他內容,仍需要文件與繪圖規格加以約束。

draw.io 官方專案目前提供四種接入方式。明天會比較它們的運作方式與使用情境,再說明我最後選擇 MCP Tool Server 的原因。


上一篇
# Day 5|MCP 是什麼?AI 如何透過它使用外部工具
下一篇
# Day 7|draw.io 與 AI 有哪些整合方式?四種做法快速總覽
系列文
用 AI + draw.io MCP 建立可重複使用的流程圖工作流20
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言